<%@ page language="java" pageEncoding="utf-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<jsp:include flush="true" page="../common/cts.jsp"></jsp:include>
<html>
	<head>
		<title>CTS物流跟踪系统-订单详情</title>
		<link rel="stylesheet" href="${pageContext.request.contextPath}/cts/css/style.css" type="text/css"/>
		<script type="text/javascript" src="${pageContext.request.contextPath}/cts/js/jquery.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/cts/js/popdiv.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/cts/js/jquery.bgiframe.js"></script>
		<script src="${pageContext.request.contextPath}/cts/js/workDetailTip/jquery.hoverIntent.minified.js" type="text/javascript" charset="utf-8"></script>
		<!--[if IE]><script src="${pageContext.request.contextPath}/cts/js/workDetailTip/excanvas.js" type="text/javascript" charset="utf-8"></script><![endif]-->
		<script src="${pageContext.request.contextPath}/cts/js/workDetailTip/jquery.bt.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="${pageContext.request.contextPath}/cts/js/workDetailTip/jquery.easing.1.3.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" >
			var workTypeFlag="<s:property value="work.item.type"/>";
			var totalDay="<s:property value="#request.totalDay"/>";
			$(function (){
				var percentNum="<s:property value="#request.percent"/>";
				if(percentNum =="" || percentNum==0 || percentNum==1){
					$("#percentDiv").hide();
				}else{
					$("#percentDiv").html(parseInt(parseFloat(percentNum)*100)+"%");
				}
				$("#baring").css("width",parseInt(percentNum*636));
				setBarPercentPosition();
				setOtherDetailLine();
				detailTip();
				setTotalDay();
			});
			
			//设置进度条百分比的位置（0%和100%不出现，并且只在系统写死的5个委托项目才出现）
			function setBarPercentPosition(){
				if(workTypeFlag<6 && workTypeFlag!='' && workTypeFlag!=0 && $("#baringDiv").position()!=null){
					var w=$("#baring").css("width");
					var pos=$("#baringDiv").position();
					var pos_x=pos.left;
					var r_w=0;
					if(parseFloat(w)==0){
						$("#baringLeft,#baringRight").css("width","0");
						r_w=-18;
					}else{
						r_w=0;
					}
					var l=parseFloat(w)+parseFloat(pos.left)+parseFloat(r_w);
					$("#percentDiv").css("left",l);
				}
			}
			
			function setTotalDay(){
				if(workTypeFlag<6 && workTypeFlag!='' && workTypeFlag!=0 && $("#dateTr").position()!=null){
					var pos=$("#dateTr").position();
					var l=parseFloat(pos.left)+400;
					$("#totalDayDiv").css("left",l);
					$("#totalDayDiv").css("top",pos.top);
					$("#totalDayDiv").html("全程: "+totalDay+" 天");
				}
			}
			
			var boxTemp=true;
			function detailTip(){
				//var arr=document.getElementsByName("detailTip");
				$("div").find("div[title^='detailTip']").each(function(){
					$(this).bt({
						ajaxPath: ["$(this).attr('name')", 'div#content'],
						ajaxError: "<strong>Loading...</strong>(Error:)<em>%error</em>.",
					    showTip: function(box){
						    $(box).fadeIn(500);
						    divMoveG($(box),$(box));
						  },
						  hideTip: function(box){
					    	$(box).fadeOut(500);
						  },
						  shrinkToFit: true,
						  hoverIntentOpts: {
						    interval: 0,
						    timeout: 0
						  },
					  trigger: ['mouseover', 'click'],
					  padding: 10,
					  centerPointY: .1,
					  spikeLength: 20,
					  spikeGirth: 20,
					  cornerRadius: 6,
					  fill: 'rgba(150, 150, 150, .8)',
					  strokeWidth: 0,
					  positions: ['right','left','bottom'],
					  cssStyles: {color: '#FFF'}
					  
					});
					$(this).mouseover(function(){boxTemp=true;});
					$(this).mouseout(function(){boxTemp=false;});
				});
			}
			//设置其他委托项目类型的支线
			function setOtherDetailLine(){
				if(workTypeFlag>5 || workTypeFlag==""){
					$("#otherDetailTab").find("tr:gt(1)").find("td:last").css("border-left","1px solid black");
					if($("#otherDetailTab").find("tr").length>4){
						$("#otherDetailTab").find("tr:last").find("td:last").css("border-left","0px solid black");
						$("#otherDetailTab").find("tr:last").find("td:last").css("border-left","0px solid black");
						$("#otherDetailTab").find("tr:last").prev().find("td:last").css("border-left","0px solid black");
						$("#otherDetailTab").find("tr:last").prev().find("div:first").css("border-left","1px solid black");
					}else if($("#otherDetailTab").find("tr").length==4){
						$("#otherDetailTab").find("tr:eq(2)").find("div:first").css("border-left","1px solid black");
						$("#otherDetailTab").find("tr:eq(2)").find("td:last").css("border-left","0px solid black");
						$("#otherDetailTab").find("tr:eq(3)").find("td:last").css("border-left","0px solid black");
						
					}
				}
			}
			
			function updateWorkStatus(status){
				var id='<s:property value="work.id"/>';
				var alertMsg="";
				var errorMsg="";
				if(status==5){
					alertMsg="您确定要归档吗？";
					errorMsg="归档失败！请联系管理员或稍后再试";
				}else{
					alertMsg="您确定要删除吗？";
					errorMsg="删除失败！请联系管理员或稍后再试";
				}
				if(confirm(alertMsg)){
					$.ajax({
						url:'${pageContext.request.contextPath}/cts/updateWorkStatus?id='+id+'&status='+status,
						success:function(data){
							if(data==5){
								window.opener.location.reload();
								window.location.reload();
							}else if(data==6){
								window.opener.location.reload();
								window.close();
							}else if(data==-1){
								alert("归档失败！失败原因：该订单的任务还没有完成或者还有应付款未结算完毕！");
							}else{
								alert(errorMsg);
							}
						}
					});
				}
			}
			
			$(window).scroll( function() {
			 		var scrollTop=document.documentElement.scrollTop || document.body.scrollTop;
			 		var scrollLeft=document.documentElement.scrollLeft || document.body.scrollLeft;
			 		if(navigator.userAgent.indexOf("MSIE 6.0")>0)   
					{
						$("#detail_scroll_bar").css("top",document.documentElement.clientHeight-parseInt($("#detail_scroll_bar").css("height"))+document.documentElement.scrollTop);
					}else{
			 			$("#detail_scroll_bar").css("bottom",0-scrollTop);
			 		}
			 		setBarPercentPosition();
			 		setTotalDay();
			 }); 
			 $(window).resize(function(){
				  	var scrollTop=document.documentElement.scrollTop || document.body.scrollTop;
			 		var scrollLeft=document.documentElement.scrollLeft || document.body.scrollLeft;
			 		if(navigator.userAgent.indexOf("MSIE 6.0")>0)   
					{
						$("#detail_scroll_bar").css("top",document.documentElement.clientHeight-parseInt($("#detail_scroll_bar").css("height"))+document.documentElement.scrollTop);
					}else{
			 			$("#detail_scroll_bar").css("bottom",0-scrollTop);
			 		}
			 		setBarPercentPosition();
			 		setTotalDay();
			}); 
			</script>
	</head>
	<jsp:include page="../im/importIm.jsp?switchFlag=true"></jsp:include>
	<body style="text-align: left;background: url('${pageContext.request.contextPath}/cts/images/detail_bg.png') fixed;">
	<div id="totalDayDiv" style="font-weight:bold;position:absolute;z-index:4px;width:100px;height:19px;line-height:22px;text-align:center;color:#3559b5;"></div>
		<div class="main_div" style="color:#686868">
			<table width="950px" cellpadding="0" cellspacing="0" border="0" style=" tatext-align: left;font-weight: bold;font-size:13px;table-layout: fixed;">
				<tr>
					<td width="210px" class="nowrap" title="<s:property value="work.workCode"/>" style="font-weight: bold;color:#686868;font-size:18px">订单号：<s:property value="work.workCode"/></td>
					<td width="180px" class="nowrap" title="<s:property value="work.client1.nickname"/>">委托方：<s:if test="work.client1.nickname==null || work.client1.nickname==''"><s:property value="work.client1.user.username"/></s:if><s:else><s:property value="work.client1.nickname"/></s:else></td>
					<td width="180px" class="nowrap" title="<s:property value="work.client2.nickname"/>">第二委托方：<s:if test="work.client2.nickname==null || work.client2.nickname==''"><s:property value="work.client2.user.username"/></s:if><s:else><s:property value="work.client2.nickname"/></s:else></td>
					<td width="180px" class="nowrap">委托时间：<s:date name="work.delegateTime" format="yyyy-MM-dd"/></td>
					<td width="200px" align="right" style="font-size:12px;"> 
					<s:if test="#request.authType==0 || #request.authType==1">
                	   	<div style="width: 30px;height: 42px;float: right;margin-left: 6px;margin-right:10px;text-align: center">
	                	     <img  alt="删除" onclick="updateWorkStatus(6)" title="点击进行删除" src="${pageContext.request.contextPath}/cts/images/btn_detail_del.png" height="24" width="24" style="cursor: pointer;" />
                	     	 删除
                	   	</div>
                	   	<s:if test="work.workingStatus!=5">
                	   	<div style="width: 30px;height: 42px;float: right;margin-left: 6px;text-align: center;">
	                	     <img  alt="归档" onclick="updateWorkStatus(5)" title="点击进行归档" src="${pageContext.request.contextPath}/cts/images/btn_detail_update.png" height="24" width="24" style="cursor: pointer;" />
                	     	 归档
                	   	</div>
                	   	<div style="width: 30px;height: 42px;float: right;margin-left: 6px;text-align: center">
	                	     <img  alt="编辑" onclick="window.location.href='${pageContext.request.contextPath}/addOrEditWork?isReturn=1&workId=<s:property value="work.id"/>'" title="点击进行编辑" src="${pageContext.request.contextPath}/cts/images/btn_detail_edit.png" height="24" width="24" style="cursor: pointer;" />
                	     	 编辑
                	   	</div>
                	   	</s:if>
					</s:if>
					</td>
				</tr>
			</table>
			<div style="text-align:center;margin-top:0px;background:url('${pageContext.request.contextPath}/cts/images/detail_tag_bg.jpg') no-repeat;width:950px;height:45px">
				<s:set var ="tagIndex" value="0"/>
				<s:iterator value="work.option15" var="sta">
					<s:set var ="tagIndex" value="#tagIndex==6?1:#tagIndex+1" />
					<div style="background:url('${pageContext.request.contextPath}/cts/images/detail_tag<s:property value="#tagIndex"/>.png');" class="detail_tag_bg" title="<s:property value="name"/>"><span class="nowrap" style="float:left;width:80px;margin-left:12px"><s:property value="name"/></span></div>
				</s:iterator>
			</div>
			<table width="950px" cellpadding="0" cellspacing="0" border="0" style="line-height:32px;text-align: left;font-weight: bold;font-size:14px;table-layout: fixed;">
				<tr>
					<s:if test="work.item.type==4">
						<td width="950px" class="nowrap">>> 货物 ：<s:property value="work.expressType==0?'包囊':'文件'"/> | <s:property value="work.expressQuantity"/><s:property value="work.expressPackageType.name_zh" /> | <s:property value="work.expressWeight"/>KGS<s:if test="work.expressVolume"> | <s:property value="work.expressVolume"/>CBM</s:if> | <s:property value="work.expressVolumeWeight"/>KGS<s:if test="work.expressValue!=null && work.expressValue!=''"> | <s:property value="work.expressValue" /></s:if></td>
					</s:if>
					<s:else>
						<td width="950px" class="nowrap">>> 货物 ：<s:property value="work.cargoType.name_zh"/> | <s:property value="work.cargoName"/> | <s:property value="work.quantity"/><s:property value="work.packageType.name_zh"/> | <s:property value="work.grossWeight"/>KGS | <s:property value="work.volume"/>CBM <s:if test="work.mark!=null && work.mark!=''">| <s:property value="work.mark"/></s:if> <s:if test="work.cargoValue!=null && work.cargoValue!=''">| <s:property value="work.cargoValue"/></s:if><s:if test="work.item.type==1 && work.boxAmount!=null && work.boxAmount!=''"> | <a href="javascript:openPopDiv('div3','','auto')" style="color:#3559b5"><s:property value="work.boxAmount"/></a></s:if></td>
					</s:else>
				</tr>
				<tr style="display:none">
					<s:if test="work.item.type==4">
						<td width="950px" class="nowrap">>> <s:property value="work.item.name_en"/> ：<s:property value="work.expressExportCountry.countryName"/> → <s:property value="work.expressImportCountry.countryName"/> | <s:if test="work.expressPayment2==0">寄件人</s:if><s:elseif test="work.expressPayment2==1">收件人</s:elseif><s:elseif test="work.expressPayment2==2">第三方</s:elseif></td>
					</s:if>
					<s:elseif test="work.item.type==5">
						<td width="950px" class="nowrap">>> <s:property value="work.item.name_en"/> ：<s:property value="work.pointORG.name"/> → <s:property value="work.pointDES.name"/> | <a href="javascript:openPopDiv('div3','','auto')" style="color:#3559b5"><s:property value="work.boxAmount"/></a></td>
					</s:elseif>
					<s:elseif test="work.item.type>5">
						<td width="950px" class="nowrap">>> 委托项目 ：<s:property value="work.item.name_zh" /></td>
					</s:elseif>
					<s:else>
						<td width="950px" class="nowrap">>> <s:property value="work.item.name_en"/> ：<s:property value="work.pointORG.name"/> → <s:property value="work.pointDES.name"/> | <s:property value="work.cy2cy2.name_zh"/> | <s:property value="work.payment2.name_zh"/><s:if test="work.item.type==1 || work.item.type==2"> | <s:property value="work.releaseCargoType2.name_zh"/></s:if><s:if test="work.item.type==1 && work.boxAmount!=null && work.boxAmount!=''"> | <a href="javascript:openPopDiv('div3','','auto')" style="color:#3559b5"><s:property value="work.boxAmount"/></a></s:if></td>
					</s:else>
				</tr>
				<tr>
					<td width="950px" class="nowrap">>> 应收款 ：<span style="color:#86a02a"><s:iterator value="work.option11" status="sta"><s:if test="writtenOffmoney==money"><span style="text-decoration: line-through"><s:property value="currency.type"/><s:property value="money"/></span>&nbsp;&nbsp;&nbsp;&nbsp;</s:if><s:else><span><s:property value="currency.type"/><s:property value="money"/></span>&nbsp;&nbsp;&nbsp;&nbsp;</s:else></s:iterator></span></td>
				</tr>
				<tr>
					<td width="950px" class="nowrap">>> 应付款 ：<span style="color:#fd9301"><s:iterator value="work.option12" status="sta"><s:if test="writtenOffmoney==money"><span style="text-decoration: line-through"><s:property value="currency.type"/><s:property value="money"/></span>&nbsp;&nbsp;&nbsp;&nbsp;</s:if><s:else><span><s:property value="currency.type"/><s:property value="money"/></span>&nbsp;&nbsp;&nbsp;&nbsp;</s:else></s:iterator></span></td>
				</tr>
				<tr>
					<td width="950px" class="nowrap" title="<s:iterator value="#request.workDocsList" status="sta">《<s:property value="name"/>》<s:if test="employee.nickname==null || employee.nickname==''"><s:property value="employee.user.username"/></s:if><s:else><s:property value="employee.nickname"/></s:else>&nbsp;&nbsp;&nbsp;&nbsp;</s:iterator>">>> 文件 ：<s:iterator value="#request.workDocsList" status="sta">《<s:property value="name"/>》<s:if test="employee.nickname==null || employee.nickname==''"><s:property value="employee.user.username"/></s:if><s:else><s:property value="employee.nickname"/></s:else>&nbsp;&nbsp;&nbsp;&nbsp;</s:iterator></td>
				</tr>
			</table><br/>
			<table width="950px" cellpadding="0" cellspacing="0" border="0" style="text-align: left;font-weight: bold;font-size:12px;">
				<tr>
					<td align="right" width="950px" height="20px" class="nowrap">
						<s:if test="work.item.type!=4 && work.carrier!=null">
							<a style="color:#86a02a;text-decoration: underline;" href="#">船东官网跟踪货物</a>　
						</s:if>
						<s:elseif test="work.expressCarrier!=null">
							<a style="color:#86a02a;text-decoration: underline;" href="#">船东官网跟踪货物</a>　
						</s:elseif>
					</td>
				</tr>
				<tr>
					<td style="background: url('${pageContext.request.contextPath}/cts/images/detail_main_top_bg.png') no-repeat;height:10px;"></td>
				</tr>
				<tr>
					<td valign="top" style="background: url('${pageContext.request.contextPath}/cts/images/detail_main_middle_bg.png') repeat-y;height:360px;">
						<s:if test="work.item.type<4">
						<%--4个点的情况 begin--%>
						<s:if test="work.pointORG.id!=work.pointPOL.id && work.pointPOD.id!=work.pointDES.id">
						<table width="950px" cellpadding="0" cellspacing="0" border="0">
							<tr id="dateTr" style="color:#3559b5;height:24px;">
								<td width="210px" align="right">实际出发 <s:date name="work.departureTime1" format="MM/dd"/> </td>
								<td width="255px" style="padding-left:50px">实际离港 <s:date name="work.departureTime2" format="MM/dd"/></td>
								<td width="170px" style="padding-left:70px">实际到港 <s:date name="work.arrivalTime1" format="MM/dd"/></td>
								<td width="225px">实际到达 <s:date name="work.arrivalTime2" format="MM/dd"/></td>
							</tr>
							<tr>
								<td colspan="4" style="padding-left:133px;height:21px;">
									<div title="detailTip" name="${pageContext.request.contextPath}/workDetailItem?id=<s:property value="work.id"/>&workType=<s:property value="work.item.type"/>" style="background: url('${pageContext.request.contextPath}/cts/images/detail_main.png') no-repeat;width:667px;height:21px;padding-top:3px;">
										<div id="baringDiv" style="position:absolute; z-index:2px;padding-left:5px;width:660px;overflow: hidden;border:0px solid red">
											<img id="baringLeft" src="${pageContext.request.contextPath}/cts/images/detail_bar_ing_left.png" style="float:left" height="16px"/>
											<img id="baring" src="${pageContext.request.contextPath}/cts/images/detail_bar_ing.png" style="float:left" height="16px"/>
											<img id="baringRight" src="${pageContext.request.contextPath}/cts/images/detail_bar_ing_right.png" style="float:left" height="16px"/>
										</div>
										<div style="position:absolute; z-index:3px;padding-left:4px;" >
											<table width="667px" cellpadding="0" cellspacing="0" border="0" >
												<tr style="color:#383838;">
													<td width="40px" align="left"><div style="background: url('${pageContext.request.contextPath}/cts/images/ORG.png');width:40px;height:15px"></div></td>
													<td width="100px" align="center">+ <s:property value="work.transhipType1.name_zh"/> </td>
													<td width="40px"><div style="background: url('${pageContext.request.contextPath}/cts/images/POL.png');width:40px;height:15px"></div></td>
													<td width="286px" align="center"><span style="color:#D1341A"><s:property value="work.carrier.name_zh"/> </span>&nbsp;&nbsp;&nbsp;&nbsp;<s:if test="work.pointTP.id!=null"><span style="font-style: italic;">中转：<s:property value="work.pointTP.name" /></span></s:if></td>
													<td width="40px"><div style="background: url('${pageContext.request.contextPath}/cts/images/POD.png');width:40px;height:15px"></div></td>
													<td width="113px" align="center">+ <s:property value="work.transhipType2.name_zh"/> </td>
													<td ><div style="background: url('${pageContext.request.contextPath}/cts/images/DES.png');width:40px;height:15px"></div></td>
												</tr>
											</table>
										</div>
									</div>
									<div id="percentDiv" style="position:absolute;z-index:4px;margin-left:8px;color:#fff;background: url('${pageContext.request.contextPath}/cts/images/detail_bar_percent_bg.png') no-repeat;width:27px;height:19px;line-height:22px;text-align:center"></div>
								</td>
							</tr>
						</table>
						<div style="border:0px solid red;padding-top:10px;background: url('${pageContext.request.contextPath}/cts/images/detail_main_middle_bg1.png') repeat-y;height:260px;margin-top:2px;">
							<table width="950px"  cellpadding="0" cellspacing="0" border="0">
								<tr style="vertical-align: top">
									<td width="158px" align="right">
										<s:iterator value="#request.workItem1" status="sta">
											<s:if test="status==1">
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class="bar_stop bar_right" ><s:property value="item.name_zh"/> <s:property value="option2"/>天</div><div class="bar_stop_after bar_right">!</div>
											</s:if>
											<s:else>
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class='<s:if test="option1==0">bar_unstart</s:if><s:elseif test="option1==1">bar_finish</s:elseif><s:else>bar_starting</s:else> bar_right'><s:property value="item.name_zh"/> <s:property value="option2"/>天</div>
											</s:else>
										</s:iterator>
									</td>
									<td width="141px" align="left">
										<s:iterator value="#request.workItem2" status="sta">
											<s:if test="status==1">
												<div class="bar_stop bar_left" name='${pageContext.request.contextPath}/workDetailItem?id=<s:property value="id"/>' title="detailTip"><s:property value="item.name_zh"/> <s:property value="option2"/>天</div><div class="bar_stop_after bar_left">!</div>
											</s:if>
											<s:else>
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class='<s:if test="option1==0">bar_unstart</s:if><s:elseif test="option1==1">bar_finish</s:elseif><s:else>bar_starting</s:else> bar_left'><s:property value="item.name_zh"/> <s:property value="option2"/>天</div>
											</s:else>
										</s:iterator>
									</td>
									<td width="163px" align="left">
										<s:iterator value="#request.workItem3" status="sta">
											<s:if test="status==1">
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class="bar_stop bar_left" ><s:property value="item.name_zh"/> <s:property value="option2"/>天</div><div class="bar_stop_after bar_left">!</div>
											</s:if>
											<s:else>
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class='<s:if test="option1==0">bar_unstart</s:if><s:elseif test="option1==1">bar_finish</s:elseif><s:else>bar_starting</s:else> bar_left'><s:property value="item.name_zh"/> <s:property value="option2"/>天</div>
											</s:else>
										</s:iterator>
									</td>
									<td width="162px" align="right">
										<s:iterator value="#request.workItem4" status="sta">
											<s:if test="status==1">
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class="bar_stop bar_right" ><s:property value="item.name_zh"/> <s:property value="option2"/>天</div><div class="bar_stop_after bar_right">!</div>
											</s:if>
											<s:else>
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class='<s:if test="option1==0">bar_unstart</s:if><s:elseif test="option1==1">bar_finish</s:elseif><s:else>bar_starting</s:else> bar_right'><s:property value="item.name_zh"/> <s:property value="option2"/>天</div>
											</s:else>
										</s:iterator>
									</td>
									<td width="154px" align="right">
										<s:iterator value="#request.workItem5" status="sta">
											<s:if test="status==1">
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class="bar_stop bar_right" ><s:property value="item.name_zh"/> <s:property value="option2"/>天</div><div class="bar_stop_after bar_right">!</div>
											</s:if>
											<s:else>
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class='<s:if test="option1==0">bar_unstart</s:if><s:elseif test="option1==1">bar_finish</s:elseif><s:else>bar_starting</s:else> bar_right'><s:property value="item.name_zh"/> <s:property value="option2"/>天</div>
											</s:else>
										</s:iterator>
									</td>
									<td width="172px" align="left">
										<s:iterator value="#request.workItem6" status="sta">
											<s:if test="status==1">
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class="bar_stop bar_left" ><s:property value="item.name_zh"/> <s:property value="option2"/>天</div><div class="bar_stop_after bar_left">!</div>
											</s:if>
											<s:else>
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class='<s:if test="option1==0">bar_unstart</s:if><s:elseif test="option1==1">bar_finish</s:elseif><s:else>bar_starting</s:else> bar_left'><s:property value="item.name_zh"/> <s:property value="option2"/>天</div>
											</s:else>
										</s:iterator>
									</td>
								</tr>
							</table>
						</div>
						<div class="bar_place" style="margin-left:94px;_margin-left:47px;width:120px;"><span style="color:#3559b5"><s:property value="work.pointORG.fullname"/></span><br/>(ETD:<s:date name="work.etd1" format="MM/dd"/>)</div>
						<div class="bar_place" style="margin-left:20px;width:140px;"><span style="color:#3559b5"><s:property value="work.pointPOL.fullname"/></span><br/>(ETD:<s:date name="work.etd2" format="MM/dd"/>)</div>
						<div class="bar_place" style="margin-left:180px;width:140px;"><span style="color:#3559b5"><s:property value="work.pointPOD.fullname"/></span><br/>(ETA:<s:date name="work.eta1" format="MM/dd"/>)</div>
						<div class="bar_place" style="margin-left:16px;width:140px;"><span style="color:#3559b5"><s:property value="work.pointDES.fullname"/></span><br/>(ETA:<s:date name="work.eta2" format="MM/dd"/>)</div>
						 </s:if>
						<%--4个点的情况 end--%>
						<%--2个点的情况 begin--%>
						<s:elseif test="work.pointORG.id==work.pointPOL.id && work.pointPOD.id==work.pointDES.id">
						<table width="950px" cellpadding="0" cellspacing="0" border="0">
							<tr id="dateTr" style="color:#3559b5;height:24px;">
								<td width="210px" align="right">实际离港 <s:date name="work.departureTime2" format="MM/dd"/></td>
								<td width="255px" style="padding-left:50px">&nbsp;</td>
								<td width="170px" style="padding-left:70px">&nbsp;</td>
								<td width="225px">实际到港 <s:date name="work.arrivalTime1" format="MM/dd"/></td>
							</tr>
							<tr>
								<td colspan="4" style="padding-left:133px;height:21px;">
									<div title="detailTip" name="${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="work.id"/>&workType=<s:property value="work.item.type"/>" style="background: url('${pageContext.request.contextPath}/cts/images/detail_main.png') no-repeat;width:667px;height:21px;padding-top:3px;">
										<div id="baringDiv" style="position:absolute; z-index:2px;padding-left:5px;width:660px;overflow: hidden;border:0px solid red">
											<img id="baringLeft" src="${pageContext.request.contextPath}/cts/images/detail_bar_ing_left.png" style="float:left" height="16px"/>
											<img id="baring" src="${pageContext.request.contextPath}/cts/images/detail_bar_ing.png" style="float:left" height="16px"/>
											<img id="baringRight" src="${pageContext.request.contextPath}/cts/images/detail_bar_ing_right.png" style="float:left" height="16px"/>
										</div>
										<div style="position:absolute; z-index:3px;padding-left:4px;" >
											<table width="667px" cellpadding="0" cellspacing="0" border="0" >
												<tr style="color:#383838;">
													<td width="40px" align="left"><div style="background: url('${pageContext.request.contextPath}/cts/images/POL.png');width:40px;height:15px"></div></td>
													<td width="579px" align="center"><span style="color:#D1341A"><s:property value="work.carrier.name_zh"/> </span>&nbsp;&nbsp;&nbsp;&nbsp;<s:if test="work.pointTP.id!=null"><span style="font-style: italic;">中转：<s:property value="work.pointTP.name" /></span></s:if></td>
													<td ><div style="background: url('${pageContext.request.contextPath}/cts/images/POD.png');width:40px;height:15px"></div></td>
												</tr>
											</table>
										</div>
									</div>
									<div id="percentDiv" style="position:absolute;z-index:4px;margin-left:8px;color:#fff;background: url('${pageContext.request.contextPath}/cts/images/detail_bar_percent_bg.png') no-repeat;width:27px;height:19px;line-height:22px;text-align:center">67%</div>
								</td>
							</tr>
						</table>
						<div style="padding-top:10px;background: url('${pageContext.request.contextPath}/cts/images/detail_main_middle_bg2.png') repeat-y;height:260px;margin-top:2px;">
							<table width="950px"  cellpadding="0" cellspacing="0" border="0">
								<tr style="vertical-align: top">
									<td width="158px" align="right">
										<s:iterator value="#request.workItem1" status="sta">
											<s:if test="status==1">
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class="bar_stop bar_right" ><s:property value="item.name_zh"/> <s:property value="option2"/>天</div><div class="bar_stop_after bar_right">!</div>
											</s:if>
											<s:else>
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class='<s:if test="option1==0">bar_unstart</s:if><s:elseif test="option1==1">bar_finish</s:elseif><s:else>bar_starting</s:else> bar_right'><s:property value="item.name_zh"/> <s:property value="option2"/>天</div>
											</s:else>
										</s:iterator>
									</td>
									<td width="141px" align="left">
										<s:iterator value="#request.workItem2" status="sta">
											<s:if test="status==1">
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class="bar_stop bar_left" ><s:property value="item.name_zh"/> <s:property value="option2"/>天</div><div class="bar_stop_after bar_left">!</div>
											</s:if>
											<s:else>
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class='<s:if test="option1==0">bar_unstart</s:if><s:elseif test="option1==1">bar_finish</s:elseif><s:else>bar_starting</s:else> bar_left'><s:property value="item.name_zh"/> <s:property value="option2"/>天</div>
											</s:else>
										</s:iterator>
										<s:iterator value="#request.workItem3" status="sta">
											<s:if test="status==1">
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class="bar_stop bar_left" ><s:property value="item.name_zh"/> <s:property value="option2"/>天</div><div class="bar_stop_after bar_left">!</div>
											</s:if>
											<s:else>
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class='<s:if test="option1==0">bar_unstart</s:if><s:elseif test="option1==1">bar_finish</s:elseif><s:else>bar_starting</s:else> bar_left'><s:property value="item.name_zh"/> <s:property value="option2"/>天</div>
											</s:else>
										</s:iterator>
									</td>
									<td width="163px" align="left">&nbsp;</td>
									<td width="162px" align="right">&nbsp;</td>
									<td width="154px" align="right">
										<s:iterator value="#request.workItem4" status="sta">
											<s:if test="status==1">
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class="bar_stop bar_right" ><s:property value="item.name_zh"/> <s:property value="option2"/>天</div><div class="bar_stop_after bar_right">!</div>
											</s:if>
											<s:else>
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class='<s:if test="option1==0">bar_unstart</s:if><s:elseif test="option1==1">bar_finish</s:elseif><s:else>bar_starting</s:else> bar_right'><s:property value="item.name_zh"/> <s:property value="option2"/>天</div>
											</s:else>
										</s:iterator>
										<s:iterator value="#request.workItem5" status="sta">
											<s:if test="status==1">
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class="bar_stop bar_right" ><s:property value="item.name_zh"/> <s:property value="option2"/>天</div><div class="bar_stop_after bar_right">!</div>
											</s:if>
											<s:else>
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class='<s:if test="option1==0">bar_unstart</s:if><s:elseif test="option1==1">bar_finish</s:elseif><s:else>bar_starting</s:else> bar_right'><s:property value="item.name_zh"/> <s:property value="option2"/>天</div>
											</s:else>
										</s:iterator>
									</td>
									<td width="172px" align="left">
										<s:iterator value="#request.workItem6" status="sta">
											<s:if test="status==1">
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class="bar_stop bar_left" ><s:property value="item.name_zh"/> <s:property value="option2"/>天</div><div class="bar_stop_after bar_left">!</div>
											</s:if>
											<s:else>
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class='<s:if test="option1==0">bar_unstart</s:if><s:elseif test="option1==1">bar_finish</s:elseif><s:else>bar_starting</s:else> bar_left'><s:property value="item.name_zh"/> <s:property value="option2"/>天</div>
											</s:else>
										</s:iterator>
									</td>
								</tr>
							</table>
						</div>
						<div class="bar_place" style="margin-left:94px;_margin-left:47px;width:140px;"><span style="color:#3559b5"><s:property value="work.pointPOL.fullname"/></span><br/>(ETD:<s:date name="work.etd2" format="MM/dd"/>)</div>
						<div class="bar_place" style="margin-left:476px;_margin-left:355px;width:140px;"><span style="color:#3559b5"><s:property value="work.pointPOD.fullname"/></span><br/>(ETA:<s:date name="work.eta1" format="MM/dd"/>)</div>
						</s:elseif>
						<%--2个点的情况 end--%>
						<%--3个点的情况(ORG AS SAME AS POL) begin--%>
						<s:elseif test="work.pointORG.id==work.pointPOL.id && work.pointPOD.id!=work.pointDES.id">
						<table width="950px" cellpadding="0" cellspacing="0" border="0">
							<tr id="dateTr" style="color:#3559b5;height:24px;">
								<td width="210px" align="right">实际离港 <s:date name="work.departureTime2" format="MM/dd"/> </td>
								<td width="255px" style="padding-left:50px">&nbsp;</td>
								<td width="170px" style="padding-left:70px">实际到港 <s:date name="work.arrivalTime1" format="MM/dd"/></td>
								<td width="225px">实际到达 <s:date name="work.arrivalTime2" format="MM/dd"/></td>
							</tr>
							<tr>
								<td colspan="4" style="padding-left:133px;height:21px;">
									<div title="detailTip" name="${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="work.id"/>&workType=<s:property value="work.item.type"/>" style="background: url('${pageContext.request.contextPath}/cts/images/detail_main.png') no-repeat;width:667px;height:21px;padding-top:3px;">
										<div id="baringDiv" style="position:absolute; z-index:2px;padding-left:5px;width:660px;overflow: hidden;border:0px solid red">
											<img id="baringLeft" src="${pageContext.request.contextPath}/cts/images/detail_bar_ing_left.png" style="float:left" height="16px"/>
											<img id="baring" src="${pageContext.request.contextPath}/cts/images/detail_bar_ing.png" style="float:left" height="16px"/>
											<img id="baringRight" src="${pageContext.request.contextPath}/cts/images/detail_bar_ing_right.png" style="float:left" height="16px"/>
										</div>
										<div style="position:absolute; z-index:3px;padding-left:4px;" >
											<table width="667px" cellpadding="0" cellspacing="0" border="0" >
												<tr style="color:#383838;">
													<td width="40px" align="left"><div style="background: url('${pageContext.request.contextPath}/cts/images/POL.png');width:40px;height:15px"></div></td>
													<td width="426px" align="center"><span style="color:#D1341A"><s:property value="work.carrier.name_zh"/> </span>&nbsp;&nbsp;&nbsp;&nbsp;<s:if test="work.pointTP.id!=null"><span style="font-style: italic;">中转：<s:property value="work.pointTP.name" /></span></s:if></td>
													<td width="40px"><div style="background: url('${pageContext.request.contextPath}/cts/images/POD.png');width:40px;height:15px"></div></td>
													<td width="113px" align="center">+ <s:property value="work.transhipType2.name_zh"/></td>
													<td ><div style="background: url('${pageContext.request.contextPath}/cts/images/DES.png');width:40px;height:15px"></div></td>
												</tr>
											</table>
										</div>
									</div>
									<div id="percentDiv" style="position:absolute;z-index:4px;margin-left:8px;color:#fff;background: url('${pageContext.request.contextPath}/cts/images/detail_bar_percent_bg.png') no-repeat;width:27px;height:19px;line-height:22px;text-align:center">67%</div>
								</td>
							</tr>
						</table>
						<div style="padding-top:10px;background: url('${pageContext.request.contextPath}/cts/images/detail_main_middle_bg3.png') repeat-y;height:260px;margin-top:2px;">
							<table width="950px"  cellpadding="0" cellspacing="0" border="0">
								<tr style="vertical-align: top">
									<td width="158px" align="right">
										<s:iterator value="#request.workItem1" status="sta">
											<s:if test="status==1">
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class="bar_stop bar_right" ><s:property value="item.name_zh"/> <s:property value="option2"/>天</div><div class="bar_stop_after bar_right">!</div>
											</s:if>
											<s:else>
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class='<s:if test="option1==0">bar_unstart</s:if><s:elseif test="option1==1">bar_finish</s:elseif><s:else>bar_starting</s:else> bar_right'><s:property value="item.name_zh"/> <s:property value="option2"/>天</div>
											</s:else>
										</s:iterator>
									</td>
									<td width="141px" align="left">
										<s:iterator value="#request.workItem2" status="sta">
											<s:if test="status==1">
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class="bar_stop bar_left" ><s:property value="item.name_zh"/> <s:property value="option2"/>天</div><div class="bar_stop_after bar_left">!</div>
											</s:if>
											<s:else>
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class='<s:if test="option1==0">bar_unstart</s:if><s:elseif test="option1==1">bar_finish</s:elseif><s:else>bar_starting</s:else> bar_left'><s:property value="item.name_zh"/> <s:property value="option2"/>天</div>
											</s:else>
										</s:iterator>
										<s:iterator value="#request.workItem3" status="sta">
											<s:if test="status==1">
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class="bar_stop bar_left" ><s:property value="item.name_zh"/> <s:property value="option2"/>天</div><div class="bar_stop_after bar_left">!</div>
											</s:if>
											<s:else>
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class='<s:if test="option1==0">bar_unstart</s:if><s:elseif test="option1==1">bar_finish</s:elseif><s:else>bar_starting</s:else> bar_left'><s:property value="item.name_zh"/> <s:property value="option2"/>天</div>
											</s:else>
										</s:iterator>
									</td>
									<td width="163px" align="left">&nbsp;</td>
									<td width="162px" align="right">
										<s:iterator value="#request.workItem4" status="sta">
											<s:if test="status==1">
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class="bar_stop bar_right" ><s:property value="item.name_zh"/> <s:property value="option2"/>天</div><div class="bar_stop_after bar_right">!</div>
											</s:if>
											<s:else>
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class='<s:if test="option1==0">bar_unstart</s:if><s:elseif test="option1==1">bar_finish</s:elseif><s:else>bar_starting</s:else> bar_right'><s:property value="item.name_zh"/> <s:property value="option2"/>天</div>
											</s:else>
										</s:iterator>
									</td>
									<td width="154px" align="right">
										<s:iterator value="#request.workItem5" status="sta">
											<s:if test="status==1">
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class="bar_stop bar_right" ><s:property value="item.name_zh"/> <s:property value="option2"/>天</div><div class="bar_stop_after bar_right">!</div>
											</s:if>
											<s:else>
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class='<s:if test="option1==0">bar_unstart</s:if><s:elseif test="option1==1">bar_finish</s:elseif><s:else>bar_starting</s:else> bar_right'><s:property value="item.name_zh"/> <s:property value="option2"/>天</div>
											</s:else>
										</s:iterator>
									</td>
									<td width="172px"  align="left">
										<s:iterator value="#request.workItem6" status="sta">
											<s:if test="status==1">
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class="bar_stop bar_left" ><s:property value="item.name_zh"/> <s:property value="option2"/>天</div><div class="bar_stop_after bar_left">!</div>
											</s:if>
											<s:else>
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class='<s:if test="option1==0">bar_unstart</s:if><s:elseif test="option1==1">bar_finish</s:elseif><s:else>bar_starting</s:else> bar_left'><s:property value="item.name_zh"/> <s:property value="option2"/>天</div>
											</s:else>
										</s:iterator>
									</td>
								</tr>
							</table>
						</div>
						<div class="bar_place" style="margin-left:94px;_margin-left:47px;width:120px;"><span style="color:#3559b5"><s:property value="work.pointPOL.fullname"/></span><br/>(ETD:<s:date name="work.etd2" format="MM/dd"/>)</div>
						<div class="bar_place" style="margin-left:20px;width:140px;">&nbsp;</div>
						<div class="bar_place" style="margin-left:180px;width:140px;"><span style="color:#3559b5"><s:property value="work.pointPOD.fullname"/></span><br/>(ETA:<s:date name="work.eta1" format="MM/dd"/>)</div>
						<div class="bar_place" style="margin-left:16px;width:140px;"><span style="color:#3559b5"><s:property value="work.pointDES.fullname"/></span><br/>(ETA:<s:date name="work.eta2" format="MM/dd"/>)</div>
						</s:elseif>		
						<%--3个点的情况(ORG AS SAME AS POL) end--%>
						<%--3个点的情况(POD AS SAME AS DES) begin--%>
						<s:elseif test="work.pointORG.id!=work.pointPOL.id && work.pointPOD.id==work.pointDES.id">
						<table width="950px" cellpadding="0" cellspacing="0" border="0">
							<tr id="dateTr" style="color:#3559b5;height:24px;">
								<td width="210px" align="right">实际出发 <s:date name="work.departureTime1" format="MM/dd"/> </td>
								<td width="255px" style="padding-left:50px">实际离港 <s:date name="work.departureTime2" format="MM/dd"/></td>
								<td width="170px" style="padding-left:70px">&nbsp;</td>
								<td width="225px">实际到港 <s:date name="work.arrivalTime1" format="MM/dd"/></td>
							</tr>
							<tr>
								<td colspan="4" style="padding-left:133px;height:21px;">
									<div  title="detailTip" name="${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="work.id"/>&workType=<s:property value="work.item.type"/>" style="background: url('${pageContext.request.contextPath}/cts/images/detail_main.png') no-repeat;width:667px;height:21px;padding-top:3px;">
										<div id="baringDiv" style="position:absolute; z-index:2px;padding-left:5px;width:660px;overflow: hidden;border:0px solid red">
											<img id="baringLeft" src="${pageContext.request.contextPath}/cts/images/detail_bar_ing_left.png" style="float:left" height="16px"/>
											<img id="baring" src="${pageContext.request.contextPath}/cts/images/detail_bar_ing.png" style="float:left" height="16px"/>
											<img id="baringRight" src="${pageContext.request.contextPath}/cts/images/detail_bar_ing_right.png" style="float:left" height="16px"/>
										</div>
										<div style="position:absolute; z-index:3px;padding-left:4px;" >
											<table width="667px" cellpadding="0" cellspacing="0" border="0" >
												<tr style="color:#383838;">
													<td width="40px" align="left"><div style="background: url('${pageContext.request.contextPath}/cts/images/ORG.png');width:40px;height:15px"></div></td>
													<td width="100px" align="center">+ <s:property value="work.transhipType1.name_zh"/></td>
													<td width="40px"><div style="background: url('${pageContext.request.contextPath}/cts/images/POL.png');width:40px;height:15px"></div></td>
													<td width="439px" align="center"><span style="color:#D1341A"><s:property value="work.carrier.name_zh"/> </span>&nbsp;&nbsp;&nbsp;&nbsp;<s:if test="work.pointTP.id!=null"><span style="font-style: italic;">中转：<s:property value="work.pointTP.name" /></span></s:if></td>
													<td ><div style="background: url('${pageContext.request.contextPath}/cts/images/POD.png');width:40px;height:15px"></div></td>
												</tr>
											</table>
										</div>
									</div>
									<div id="percentDiv" style="position:absolute;z-index:4px;margin-left:8px;color:#fff;background: url('${pageContext.request.contextPath}/cts/images/detail_bar_percent_bg.png') no-repeat;width:27px;height:19px;line-height:22px;text-align:center">67%</div>
								</td>
							</tr>
						</table>
						<div style="padding-top:10px;background: url('${pageContext.request.contextPath}/cts/images/detail_main_middle_bg4.png') repeat-y;height:260px;margin-top:2px;">
							<table width="950px"  cellpadding="0" cellspacing="0" border="0">
								<tr style="vertical-align: top">
									<td width="158px" align="right">
										<s:iterator value="#request.workItem1" status="sta">
											<s:if test="status==1">
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class="bar_stop bar_right" ><s:property value="item.name_zh"/> <s:property value="option2"/>天</div><div class="bar_stop_after bar_right">!</div>
											</s:if>
											<s:else>
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class='<s:if test="option1==0">bar_unstart</s:if><s:elseif test="option1==1">bar_finish</s:elseif><s:else>bar_starting</s:else> bar_right'><s:property value="item.name_zh"/> <s:property value="option2"/>天</div>
											</s:else>
										</s:iterator>
									</td>
									<td width="141px" align="left">
										<s:iterator value="#request.workItem2" status="sta">
											<s:if test="status==1">
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class="bar_stop bar_left" ><s:property value="item.name_zh"/> <s:property value="option2"/>天</div><div class="bar_stop_after bar_left">!</div>
											</s:if>
											<s:else>
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class='<s:if test="option1==0">bar_unstart</s:if><s:elseif test="option1==1">bar_finish</s:elseif><s:else>bar_starting</s:else> bar_left'><s:property value="item.name_zh"/> <s:property value="option2"/>天</div>
											</s:else>
										</s:iterator>
									</td>
									<td width="163px" align="left">
										<s:iterator value="#request.workItem3" status="sta">
											<s:if test="status==1">
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class="bar_stop bar_left" ><s:property value="item.name_zh"/> <s:property value="option2"/>天</div><div class="bar_stop_after bar_left">!</div>
											</s:if>
											<s:else>
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class='<s:if test="option1==0">bar_unstart</s:if><s:elseif test="option1==1">bar_finish</s:elseif><s:else>bar_starting</s:else> bar_left'><s:property value="item.name_zh"/> <s:property value="option2"/>天</div>
											</s:else>
										</s:iterator>
									</td>
									<td width="162px" align="right">&nbsp;</td>
									<td width="154px" align="right">
										<s:iterator value="#request.workItem4" status="sta">
											<s:if test="status==1">
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class="bar_stop bar_right" ><s:property value="item.name_zh"/> <s:property value="option2"/>天</div><div class="bar_stop_after bar_right">!</div>
											</s:if>
											<s:else>
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class='<s:if test="option1==0">bar_unstart</s:if><s:elseif test="option1==1">bar_finish</s:elseif><s:else>bar_starting</s:else> bar_right'><s:property value="item.name_zh"/> <s:property value="option2"/>天</div>
											</s:else>
										</s:iterator>
										<s:iterator value="#request.workItem5" status="sta">
											<s:if test="status==1">
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class="bar_stop bar_right" ><s:property value="item.name_zh"/> <s:property value="option2"/>天</div><div class="bar_stop_after bar_right">!</div>
											</s:if>
											<s:else>
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class='<s:if test="option1==0">bar_unstart</s:if><s:elseif test="option1==1">bar_finish</s:elseif><s:else>bar_starting</s:else> bar_right'><s:property value="item.name_zh"/> <s:property value="option2"/>天</div>
											</s:else>
										</s:iterator>
									</td>
									<td width="172px"  align="left">
										<s:iterator value="#request.workItem6" status="sta">
											<s:if test="status==1">
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class="bar_stop bar_left" ><s:property value="item.name_zh"/> <s:property value="option2"/>天</div><div class="bar_stop_after bar_left">!</div>
											</s:if>
											<s:else>
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class='<s:if test="option1==0">bar_unstart</s:if><s:elseif test="option1==1">bar_finish</s:elseif><s:else>bar_starting</s:else> bar_left'><s:property value="item.name_zh"/> <s:property value="option2"/>天</div>
											</s:else>
										</s:iterator>
									</td>
								</tr>
							</table>
						</div>
						<div class="bar_place" style="margin-left:94px;_margin-left:47px;width:120px;"><span style="color:#3559b5"><s:property value="work.pointORG.fullname"/></span><br/>(ETD:<s:date name="work.etd1" format="MM/dd"/>)</div>
						<div class="bar_place" style="margin-left:20px;width:140px;"><span style="color:#3559b5"><s:property value="work.pointPOL.fullname"/></span><br/>(ETD:<s:date name="work.etd2" format="MM/dd"/>)</div>
						<div class="bar_place" style="margin-left:180px;width:140px;">&nbsp;</div>
						<div class="bar_place" style="margin-left:16px;width:140px;"><span style="color:#3559b5"><s:property value="work.pointPOD.fullname"/></span><br/>(ETA:<s:date name="work.eta1" format="MM/dd"/>)</div>
						 </s:elseif>
						<%--3个点的情况(POD AS SAME AS DES) end--%>
						<%--FCL,LCL or AIR END--%>
						
						</s:if>
						<s:elseif test="work.item.type==4 || work.item.type==5">
						<%--Express or Trucking begin--%>
						<table width="950px" cellpadding="0" cellspacing="0" border="0">
							<tr id="dateTr" style="color:#3559b5;height:24px;">
								<td width="210px" align="right">实际离港 <s:if test="work.item.type==4"><s:date name="work.expressGetTime" format="MM/dd"/></s:if><s:else><s:date name="work.truckingTime1" format="MM/dd"/></s:else></td>
								<td width="255px" style="padding-left:50px">&nbsp;</td>
								<td width="170px" style="padding-left:70px">&nbsp;</td>
								<td width="225px">实际到港 <s:if test="work.item.type==4"><s:date name="work.expressPutTime" format="MM/dd"/></s:if><s:else><s:date name="work.truckingTime2" format="MM/dd"/></s:else></td>
							</tr>
							<tr>
								<td colspan="4" style="padding-left:133px;height:21px;">
									<div  title="detailTip" name="${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="work.id"/>&workType=<s:property value="work.item.type"/>" style="background: url('${pageContext.request.contextPath}/cts/images/detail_main.png') no-repeat;width:667px;height:21px;padding-top:3px;">
										<div id="baringDiv" style="position:absolute; z-index:2px;padding-left:5px;width:660px;overflow: hidden;border:0px solid red">
											<img id="baringLeft" src="${pageContext.request.contextPath}/cts/images/detail_bar_ing_left.png" style="float:left" height="16px"/>
											<img id="baring" src="${pageContext.request.contextPath}/cts/images/detail_bar_ing.png" style="float:left" height="16px"/>
											<img id="baringRight" src="${pageContext.request.contextPath}/cts/images/detail_bar_ing_right.png" style="float:left" height="16px"/>
										</div>
										<div style="position:absolute; z-index:3px;padding-left:4px;" >
											<table width="667px" cellpadding="0" cellspacing="0" border="0" >
												<tr style="color:#383838;">
													<td width="40px" align="left"><div style="background: url('${pageContext.request.contextPath}/cts/images/ORG.png');width:40px;height:15px"></div></td>
													<td width="579px" align="center">&nbsp;&nbsp;&nbsp;&nbsp;</td>
													<td ><div style="background: url('${pageContext.request.contextPath}/cts/images/DES.png');width:40px;height:15px"></div></td>
												</tr>
											</table>
										</div>
									</div>
									<div id="percentDiv" style="position:absolute;z-index:4px;margin-left:8px;color:#fff;background: url('${pageContext.request.contextPath}/cts/images/detail_bar_percent_bg.png') no-repeat;width:27px;height:19px;line-height:22px;text-align:center">67%</div>
								</td>
							</tr>
						</table>
						<div style="padding-top:10px;background: url('${pageContext.request.contextPath}/cts/images/detail_main_middle_bg2.png') repeat-y;height:260px;margin-top:2px;">
							<table width="950px"  cellpadding="0" cellspacing="0" border="0">
								<tr style="vertical-align: top">
									<td width="158px" align="right">
										<s:iterator value="#request.workItem1" status="sta">
											<s:if test="status==1">
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class="bar_stop bar_right" ><s:property value="item.name_zh"/> <s:property value="option2"/>天</div><div class="bar_stop_after bar_right">!</div>
											</s:if>
											<s:else>
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class='<s:if test="option1==0">bar_unstart</s:if><s:elseif test="option1==1">bar_finish</s:elseif><s:else>bar_starting</s:else> bar_right'><s:property value="item.name_zh"/> <s:property value="option2"/>天</div>
											</s:else>
										</s:iterator>
									</td>
									<td width="141px" align="left">
										<s:iterator value="#request.workItem2" status="sta">
											<s:if test="status==1">
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class="bar_stop bar_left" ><s:property value="item.name_zh"/> <s:property value="option2"/>天</div><div class="bar_stop_after bar_left">!</div>
											</s:if>
											<s:else>
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class='<s:if test="option1==0">bar_unstart</s:if><s:elseif test="option1==1">bar_finish</s:elseif><s:else>bar_starting</s:else> bar_left'><s:property value="item.name_zh"/> <s:property value="option2"/>天</div>
											</s:else>
										</s:iterator>
									</td>
									<td width="163px" align="left">&nbsp;</td>
									<td width="162px" align="right">&nbsp;</td>
									<td width="154px" align="right">
										<s:iterator value="#request.workItem5" status="sta">
											<s:if test="status==1">
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class="bar_stop bar_right" ><s:property value="item.name_zh"/> <s:property value="option2"/>天</div><div class="bar_stop_after bar_right">!</div>
											</s:if>
											<s:else>
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class='<s:if test="option1==0">bar_unstart</s:if><s:elseif test="option1==1">bar_finish</s:elseif><s:else>bar_starting</s:else> bar_right'><s:property value="item.name_zh"/> <s:property value="option2"/>天</div>
											</s:else>
										</s:iterator>
									</td>
									<td width="172px"  align="left">
										<s:iterator value="#request.workItem6" status="sta">
											<s:if test="status==1">
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class="bar_stop bar_left" ><s:property value="item.name_zh"/> <s:property value="option2"/>天</div><div class="bar_stop_after bar_left">!</div>
											</s:if>
											<s:else>
												<div name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class='<s:if test="option1==0">bar_unstart</s:if><s:elseif test="option1==1">bar_finish</s:elseif><s:else>bar_starting</s:else> bar_left'><s:property value="item.name_zh"/> <s:property value="option2"/>天</div>
											</s:else>
										</s:iterator>
									</td>
								</tr>
							</table>
						</div>
						<div class="bar_place" style="margin-left:94px;_margin-left:47px;width:140px;"><span style="color:#3559b5"><s:if test="work.item.type==4"><s:property value="work.expressExportCountry.countryName" /></s:if><s:else><s:property value="work.truckingAddress1"/></s:else></span><br/>(ETD:<s:if test="work.item.type==4"><s:date name="work.expressETD" format="MM/dd"/></s:if><s:else><s:date name="work.truckingETD" format="MM/dd"/></s:else>)</div>
						<div class="bar_place" style="margin-left:476px;_margin-left:355px;width:140px;"><span style="color:#3559b5"><s:if test="work.item.type==4"><s:property value="work.expressImportCountry.countryName" /></s:if><s:else><s:property value="work.truckingAddress2"/></s:else></span><br/>(ETA:<s:if test="work.item.type==4"><s:date name="work.expressETA" format="MM/dd"/></s:if><s:else><s:date name="work.truckingETA" format="MM/dd"/></s:else>)</div>
						<%--Express or Trucking end--%>
						</s:elseif>
						<s:else>
						<%--Other begin--%>
						<table id="otherDetailTab" width="950px" cellpadding="0" cellspacing="0" border="0" style="text-align:center">
							<tr style="color:#3559b5;height:24px;">
								<td colspan="2">作业地</td>
							</tr>
							<tr style="color:#3559b5;height:20px;">
								<td colspan="2"><s:property value="work.pointORG.fullname"/></td>
							</tr>
							
							<s:iterator value="work.option13">
								<tr style="color:#3559b5;height:24px;">
									<td width="50%">&nbsp;</td>
									<td width="50%">
										<div class="detail_otherType_line"></div>
										<s:if test="status==1">
											<div style="margin-left:4px;_margin-left:2px;" name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class="bar_stop bar_left" ><s:property value="item.name_zh"/> <s:property value="option2"/>天</div><div class="bar_stop_after bar_left">!</div>
										</s:if>
										<s:else>
											<div style="margin-left:4px;_margin-left:2px;" name='${pageContext.request.contextPath}/cts/workDetailItem?id=<s:property value="id"/>' title="detailTip" class='<s:if test="option1==0">bar_unstart</s:if><s:elseif test="option1==1">bar_finish</s:elseif><s:else>bar_starting</s:else> bar_left'><s:property value="item.name_zh"/> <s:property value="option2"/>天</div>
										</s:else>
									</td>
								</tr>
								<tr>
									<td width="50%">&nbsp;</td>
									<td width="50%" class="detail_otherType_time_td">
										<div class="detail_otherType_time">开始时间<br /><s:date name="startTime" format="MM/dd HH:mm"/></div>
										<div class="detail_otherType_time">结束时间<br /><s:date name="endTime" format="MM/dd HH:mm"/></div>
									</td>
								</tr>
							</s:iterator>
						</table>
						<%--Other end--%>
						</s:else>
					</td>
				</tr>
				<tr>
					<td style="background: url('${pageContext.request.contextPath}/cts/images/detail_main_buttom_bg.png') no-repeat;height:39px;"></td>
				</tr>
				<tr>
					<td align="right"><img src="${pageContext.request.contextPath}/cts/images/cargoTracingSystem.png" width="120px" height="36px"/></td>
				</tr>
			</table><br /><br /><br /><br />
		</div>
		<div id="detail_scroll_bar" class="detail_scroll_bar">
			<div class="nowrap" style="font-weight: bold;font-size:14px;text-align:left;margin:0 auto;width:950px;">
				<div class="detail_scroll_bar_per" style="width:80px;text-align:left">>> 团队 ：</div>
				<s:iterator value="#request.workTeamList" status="sta">
					<s:if test="#cts_userid==employee.user.id">
						<div class="detail_scroll_bar_per"><s:if test="auth==0">创建</s:if><s:elseif test="auth==1">编辑</s:elseif><s:else>浏览</s:else> / <s:if test="employee.nickname==null || employee.nickname==''"><s:property value="employee.user.userName"/></s:if><s:else><s:property value="employee.nickname"/></s:else></div>
					</s:if>
					<s:else>
						<div class="detail_scroll_bar_per"><s:if test="auth==0">创建</s:if><s:elseif test="auth==1">编辑</s:elseif><s:else>浏览</s:else> / <a href="javascript:openImDialog('popdiv_inner_imChat', '${pageContext.request.contextPath}/toListIm?workId=<s:property value="work.id" />&aboutSheet=1&uid=<s:property value="employee.user.id"/>')"><s:if test="employee.nickname==null || employee.nickname==''"><s:property value="employee.user.userName"/></s:if><s:else><s:property value="employee.nickname"/></s:else></a></div>
					</s:else>
				</s:iterator>
			</div>
		</div>
		
		<div id="div3" class="popdiv_inner" style="width: 640px;">
			<div class="popdiv_inner_outter"></div>
			<div class="popdiv_close"></div>
			<div class="popdiv_handle" title="鼠标左键按住可拖动">柜号</div>
			<div class="popdiv_content">
				<table class="tab1" style="table-layout: auto;margin:0 auto" align="center" cellpadding="0" cellspacing="0" border="0" width="590px">
					<thead>
					<tr>
						<td width="100px">柜号</td>
						<td width="70px">封号</td>
						<td width="60px">箱型</td>
						<td width="60px">件数</td>
						<td width="60px">毛重</td>
						<td width="60px">体积</td>
						<td width="60px">通风</td>
						<td width="60px">发电机</td>
						<td width="60px">温度</td>
					</tr>
					</thead>
					
					<s:iterator value="#request.containerNoList" status="sta">
						<tr <s:if test="#sta.index % 2 == 0">class="tr1"</s:if> >
							<td><s:property value="cntrNo"/>&nbsp;</td>
							<td><s:property value="sealNo"/>&nbsp;</td>
							<td><s:property value="#request.boxTxt[@java.lang.Integer@parseInt(typeAndSize)]"/>&nbsp;</td>
							<td><s:property value="count"/>&nbsp;</td>
							<td><s:property value="grossWeight"/>&nbsp;</td>
							<td><s:property value="volume"/>&nbsp;</td>
							<td><s:property value="hasAirintake==1?'是':'否'"/></td>
							<td><s:property value="hasDynamo==1?'是':'否'"/></td>
							<td><s:property value="temperature"/>&nbsp;</td>
						</tr>
					</s:iterator>
				</table>
			</div>
		</div>
	</body>
</html>

   
   
   
   
   
   
   
   
   